<template>
  <div id="menu" class="menu">
    <div style="height: 1px"></div>
    <el-menu default-active="/processList" router>
      <el-submenu index="1">
        <template slot="title"><i class="el-icon-menu"></i>流程管理</template>
        <el-menu-item index="/processList">流程定义</el-menu-item>
        <el-menu-item index="/runTask">待办任务</el-menu-item>
        <el-menu-item index="/monitor">运行监控</el-menu-item>
        <!--<el-menu-item index="/modelList">模型管理</el-menu-item>-->
        <el-menu-item index="/diagram">流程设计器</el-menu-item>
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
  export default {
    name: 'NiMenu',
    data() {
      return {}
    },
    methods: {
      handleOpen: function (key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose: function (key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
